<!--<template xmlns="http://www.w3.org/1999/html">-->
<template>
    <div>
        <el-container>
            <el-header>
                <a class="el-icon-edit" style="padding-right: 900px;">格调同城购物车</a>
                <a style="padding-right:100px;">Hi:{{name}}</a>
                <a class="el-icon-edit" style="padding-right: 0px;">订单</a>
            </el-header>
            <el-main>
                <div class="hk"
                     style="height: 35px;width: 1100px;border-radius: 4px;border:1px solid powderblue;margin: auto; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)">
                    <a>图片</a><a>商品信息</a><a>单价</a><a>数量</a><a>小计</a><a>操作</a>
                </div>
                <br>
                <div class="sp"
                     style="height: 100px;width: 1100px; border-radius:4px;border: 1px solid powderblue;margin: auto; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)">
                    <a><img src="" style="border: 1px solid powderblue;height:50px;width:50px"></a>
                    <a>猴子</a>
                    <a>500$</a>
                    <a>2</a>
                    <a>1000$</a>
                    <a>删除</a>
                </div>
            </el-main>
            <el-footer>Footer</el-footer>
        </el-container>
    </div>
</template>

<style>
    .el-header, .el-footer {
        background-color: azure;
        color: #333;
        text-align: center;
        line-height: 60px;
    }

    .el-main {
        background-color: white;
        color: #333;
        text-align: center;
        height: 540px;
    }

    .hk a {
        line-height: 35px;
        padding: 0px 60px;
        color: dimgray;
    }

    .sp a {
        line-height: 35px;
        padding: 0px 60px;

    }
</style>

<script>

</script>